<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>password login2</title>
    <link
      rel="stylesheet"
      href="{{ url_for('static', filename='style/login.css') }}"
    />
  </head>

  <body>
    <div class="login">
      <div class="login-aside">
        <p class="login-school-name phone-hide">{{ school }}</p>
        <p class="welcome phone-hide">
          welcome to {{ school }},
          <br />
          keep good work
        </p>
        <img
          class="img-015"
          src="{{ url_for('static', filename='img/015.svg') }}"
          alt=""
        />
      </div>
      <div class="login-right">
        <div>
          <p class="login-right-school-name">Welcome to {{ school }}</p>
          <p class="login-right-school-tip">
            <span class="text-gray"> New Here? </span>
            <span class="text-purple"> Creat an account </span>
          </p>

          <form method="post">
            <div class="login-input-con">
              <p class="login-title">Email</p>
              <input
                id="email"
                name="email"
                placeholder="please input your email"
                required
              />
            </div>
            <div class="login-input-con">
              <p class="login-title">
                <span>Password</span>
                <span class="text-purple"> Forgot Password? </span>
              </p>
              <input id="password" type="password" name="password" required />
            </div>
            <input class="sign-in" type="submit" value="Sign In" />

            <section class="content">
              {% for message in get_flashed_messages() %}
              <div class="flash">{{ message }}</div>
              {% endfor %}
            </section>
          </form>

          <p class="login-bottom">
            <span class="phone-block">Copyright © 2018-2020 {{ school }}.</span>
            <span class="color-purple ml-29 mr-16"> Plans </span>
            <span class="color-purple"> Cintact us </span>
          </p>
        </div>
      </div>
    </div>
  </body>
</html>
